<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
<title>微相册</title>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
</head>
<body>
<!--header-->
<header id="header" class="box">
	<h1>微相册</h1>
    <h2><a href="微信.html" class="back"><i class="fa fa-arrow-left"></i></a><a href="#" class="add"><i class="fa fa-plus"></i></a></h2>
</header>
<!--header end-->
<!--section-->
<section id="section">
	<article class="album_detail">
    	<header class="create_album">创建相册</header>
        <div class="form_mol">
        	<ul>
            	<li><h2>相册名称</h2><input type="text" placeholder="不超过20字" /></li>
                <li><h2>相册名称</h2><input type="text" placeholder="关键字间以逗号隔开" /></li>
                <li>
                    <h2>图文封面</h2>
                    <div class="jpg_up"><span><i class="fa fa-plus"></i><br>图片尺寸720×400</span><input type="file" /></div>
                </li>
                <li>
                    <h2>相册封面图</h2>
                    <div class="jpg_up"><span><i class="fa fa-plus"></i><br>图片尺寸600x450,大小不超过300k</span><input type="file" /></div>
                </li>
                <li><h2>排序</h2><input type="text" placeholder="数字越大越靠前" /></li>
                <li><h2>相册描述</h2><textarea placeholder="请输入相册描述"></textarea></li>
            </ul>
            <div class="action"><input type="submit" value="确定" class="btn_green" /><input type="reset" value="重置" class="btn_grey"/></div>
        </div>
    </article>
</section>
<!--section end-->
</body>
</html>
